<template>
	<view>
		<view v-for="(item,index) in datalist" style="margin: 10rpx;">
			<CustomTextView :nid="item.nID" :title="item.title" :isTop="item.isTop" :author="item.author"
				:comments="item.comments" :time="item.time" @click="onCustomViewClick()">
				<template v-slot:tips>
					<view class="slotcontent" v-if="item.showSearch">
						<text>搜索：</text>
						<view class="borderbox"><text>今日金价</text></view>
						<view class="borderbox"><text>精选好物</text></view>
					</view>
				</template>
			</CustomTextView>
		</view>
	</view>
</template>


<script>
	import CustomTextView from "../../../components/cardViewText.vue"
	export default {
		components: {
			CustomTextView
		},
		data() {
			return {
				datalist: [{
						nID: "T15627",
						title: "14个月从100家开到1000家门店，蜜雪冰城为何买下这家精酿啤酒商",
						isTop: true,
						author: "界面新闻",
						comments: 56,
						time: "2025.10.07"
					}, {
						nID: "B4485",
						title: "把握历史大势 共创美好未来（观沧海）",
						isTop: false,
						author: "人民日报",
						comments: 1025,
						time: "2025.10.25"
					}, {
						title: '黄金还能走多远？卖方高呼"第三浪启动"，230多份研报看个够',
						isTop: false,
						author: '财联社',
						comments: 134,
						time: '2025.10.09',
						showSearch: true
					},
					{
						title: '"没有短板"的完美战鹰！歼-16机库独家探访',
						isTop: false,
						author: '红星新闻',
						comments: 56,
						time: '2025.10.07',
						showSearch: false
					},
					{
						title: '多国学者共探巴克特里亚考古 携手推进丝绸之路文明研究新进程',
						isTop: false,
						author: '中国日报网',
						comments: 56,
						time: '2025.10.12',
						showSearch: false
					}
				]

			}
		},
		methods: {

		}
	}
</script>

<style>
	.slotcontent {
	  display: flex;
	  align-items: center;
	  margin-top: 10rpx;
	  font-size: 24rpx;
	  color: #0000ff;
	}
	
	.borderbox {
	  border: 1px solid #e0e0e0;
	  border-radius: 8rpx;
	  padding: 4rpx 12rpx;
	  margin-left: 10rpx;
	}
	
	.borderbox text {
	  color: #0000ff;
	  font-size: 24rpx;
	}

</style>